<!DOCTYPE html>
<html lang="ZH">
  <head>
    <meta charset="utf-8" />
    <!-- <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests"> -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <link rel="icon" href="<%= BASE_URL %>favicon.ico" />
    <title>后台管理系统</title>
    <style>
    </style>
    <style>body,#app{width:100vw;height:100vh;margin:0;padding:0;background-color:#222}#firstLoading svg{width:0;height:0}#firstLoading{position:relative;width:200px;height:200px;top:50%;left:50%;transform:translate(-50%,-50%);filter:url(#gooey)}#firstLoading span{position:absolute;top:0;left:0;width:100%;height:100%;display:block;animation:animate 5s ease-in-out infinite;animation-delay:calc(0.2s * var(--i))}.firstTitle{color:#86c5ff;margin:0;font-size:30px;letter-spacing:2px;top:50%;left:50%;transform:translate(-50%,-50%);position:absolute}#firstLoading span::before{content:"";position:absolute;top:0;left:calc(50% - 20px);width:40px;height:40px;border-radius:50%;background:linear-gradient(#d1f5ff,#1683ff);box-shadow:0 0 30px #1683ff}@keyframes animate{0%{transform:rotate(0deg)}50%,100%{transform:rotate(360deg)}}</style>
  </head>
  <body>
    <noscript>
      <strong
        >We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work
        properly without JavaScript enabled. Please enable it to
        continue.</strong
      >
    </noscript>
    <div id="app">
      <p class="firstTitle">加载中</p>
      <div id="firstLoading">
        <span style="--i: 1"></span>
        <span style="--i: 2"></span>
        <span style="--i: 3"></span>
        <span style="--i: 4"></span>
        <span style="--i: 5"></span>
        <span style="--i: 6"></span>
        <span style="--i: 7"></span>
        <svg>
          <filter id="gooey">
            <feGaussianBlur in="SourceGraphic" stdDeviation="10"></feGaussianBlur>
            <feColorMatrix
              values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 20 -10"
            ></feColorMatrix>
          </filter>
        </svg>
      </div>
      
    </div>
  </body>
</html>
